import axios from 'axios'
import { MessageBox, Message } from 'element-ui'
import store from '@/store'
import { getTimeStamp, getToken } from '@/utils/auth'
import router from '@/router'

// 创建axios的新对象
const service = axios.create({

  //设置基地址
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url

  // withCredentials: true, // send cookies when cross-domain requests
  //设置为true代表发axios请求时会携带cookie，默认不携带

  timeout: 5000 // request timeout  //设置超时时间为5秒
})

//代表超时时间是一个小时
const timeout = 3600

//请求拦截
service.interceptors.request.use(async config=>{

  //如果有token才拦截下来加token
  if(store.getters.token){

    //检查token是否超过有效期，拿到获得token时的时间戳
    let timeStamp  = getTimeStamp()
    //拿到当前时间
    let current = Date.now()
    //拿当前时间 - 初始时间得到的毫秒，除以1000转换秒
    let time = (current - timeStamp) / 1000
    //判断是否超时
    if(time>= timeout){
      //token过期，登出
      await store.dispatch('user/logout')
      //提示
      Message.error('登录过期，请重新登录')
      //回到登录页
      router.push('/login')
      return
    }
    //请求的信息都在config里面
    config.headers['Authorization'] = 'Bearer '+ store.getters.token
  }

  return config
},error=>{
  return Promise.reject(error)
})




//响应拦截
service.interceptors.response.use(response=>{
  let res = response.data
  if(res.success){
    return res 
  }else{
    //请求失败，显示失败原因
    Message.error(res.message)
    //这句话会让代码报错
    return Promise.reject(res.message)
  }
},error=>{

  if(error.response.data.code ===10002){
    //token过期
    store.dispatch('user/logout')
    Message.error('登录过期，请重新登录')
    router.push('/login')
  }
  return Promise.reject(error)
})

export default service
